<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>后台管理模板页</title>
	<link rel="stylesheet" type="text/css" href="css/bootstrap.min.css">
    <link rel="stylesheet" type="text/css" href="css/ionicons.min.css">
    <link rel="stylesheet" type="text/css" href="css/font-awesome.min.css">
	<link rel="stylesheet" type="text/css" href="css/common.css">
    <link rel="stylesheet" type="text/css" href="css/user-manage.css">
</head>
<body class="row">

<!-- left area -->
<div class="left col-md-2">
<aside>
    <div class="welcome t-c">
        <strong>新卓越在线考试管理系统</strong>
        </div>
        <ul class="f-16">
        	<li>
        		<a href="##"><i class="icon ion-navicon-round f-18 m-r-10"></i>  考试概况</a>
        		<span class="icon ion-ios-arrow-back f-r f-18"></span>
        	</li>        	
        	<li>
        		<a href="##"><i class="icon ion-person-stalker f-18 m-r-10"></i> 学员管理</a>
        		<span class="icon ion-ios-arrow-back f-r f-18"></span>
        	</li>        	
        	<li id="course">
        		<a href="##"><i class="icon ion-ios-list-outline f-18 m-r-10"></i>  课程管理</a>
        		<span class="icon ion-ios-arrow-back f-r f-18"></span>   
        	</li>         	
        	<li class="course child-menu">
        		<a href="##"><i class="icon ion-ios-arrow-forward f-18 m-r-10"></i>  课程信息</a>
        		<span class="icon ion-ios-arrow-back f-r f-18"></span>   
        	</li>         	
        	<li class="course child-menu">
        		<a href="##"><i class="icon ion-ios-arrow-forward f-18 m-r-10"></i>  题库管理</a>
        		<span class="icon ion-ios-arrow-back f-r f-18"></span>   
        	</li>        	
        	<li id="assessment">
        		<a href="##"><i class="icon ion-android-done-all f-18 m-r-10"></i>考核管理</a>
        		<span class="icon ion-ios-arrow-back f-r f-18"></span>
        	</li> 
        	        	<li class="assessment child-menu">
        		<a href="##"><i class="icon ion-ios-arrow-forward f-18 m-r-10"></i>  考试管理</a>
        		<span class="icon ion-ios-arrow-back f-r f-18"></span>   
        	</li>         	
        	<li class="assessment child-menu">
        		<a href="##"><i class="icon ion-ios-arrow-forward f-18 m-r-10"></i>  成员管理</a>
        		<span class="icon ion-ios-arrow-back f-r f-18"></span>   
        	</li>        	
        	<li id="grade">
        		<a href="##"><i class="icon ion-calculator f-18 m-r-10"></i>  成绩管理</a>
        		<span class="icon ion-ios-arrow-back f-r f-18"></span>
        	</li>   
        	        	<li class="grade child-menu">
        		<a href="##"><i class="icon ion-ios-arrow-forward f-18 m-r-10"></i>  考试成绩</a>
        		<span class="icon ion-ios-arrow-back f-r f-18"></span>   
        	</li>         	
        	<li class="grade child-menu">
        		<a href="##"><i class="icon ion-ios-arrow-forward f-18 m-r-10"></i>  成绩管理</a>
        		<span class="icon ion-ios-arrow-back f-r f-18"></span>   
        	</li>      	
        	<li>
        		<a href="##"><i class="icon ion-ios-locked-outline f-18 m-r-10"></i>  超级管理</a>
        		<span class="icon ion-ios-arrow-back f-r f-18"></span>
        	</li>
        </ul>

</aside>
</div>
<!-- left area end -->

<!-- right area -->
<div class="right col-md-10 f-r">
    <header>
        <span class="notice-body"><i class="icon ion-alert"></i>  公告：</span><span id="notice">2016新卓越秋季软师报名进行中！</span>
        <span id="userName" class="m-r-10">上午好,卓小越  <a href="##">  退出</a></span>
    </header>
<main>
    <div class="heading clearfix">
        <h4 class="f-l">成员管理 <small>查看和管理考试成员</small></h4>
        <ol class="breadcrumb f-r">
            <li><a href="#">考试概况</a></li>
            <li><a href="#">考核管理</a></li>
            <li class="active">成员管理</li>
        </ol>
    </div>
    <div class="fliter row">
<div class="col-md-4">
    <span>条件筛选：</span>
    <button type="button" class="btn btn-default dropdown-toggle" id="btn1" data-toggle="dropdown">
        -------  <span id="span1">请选择考试</span>  ------- <span class="caret"></span>
    </button>
    <div class="row bgc-white fliter-box" id="fliterBox">
        <div class="year col-md-4" id="fliterListNav">
        <ul>
        <li class="list-item nav-actived">最近</li>
        <li class="list-item">2017</li>
        <li class="list-item">2016</li>
        <li class="list-item">2015</li>
        <li class="list-item">2014</li>
        </ul>
        </div>
        <div class="subject col-md-8" id="fliterList">
            <ul>
            <li class="list-item">1601软师考试</li>
            <li class="list-item">1602软师考试</li>
            <li class="list-item">1601程序员考试</li>
            <li class="list-item">1602程序员考试</li>
            <li class="list-item">1601前端考试</li>
            <li class="list-item">1602前端考试</li>
            </ul>
        </div>
    </div>
</div>

        <div class="input-group col-md-4 col-md-offset-8">
            <input type="text" class="form-control" placeholder="请输入学号/姓名/课程">
            <span class="input-group-btn">
        <button class="btn btn-default" type="button">搜索</button>
      </span>
        </div>
    </div>

    <div class="user-info-container">
        <table align="center" class="table table-hover table-bordered m-t-20" contenteditable="false">
            <thead>
                <tr>
                    <th>考试名称</th>
                    <th>学号</th>
                    <th>姓名</th>
                    <th>状态</th>
                </tr>
            </thead>
            <tbody>
                <tr>
                    <td>2016软师考试</td>
                    <td>06143097</td>
                    <td>卓小越</td>
                    <td>待考试</td>
                </tr>
                <tr class="success">
                    <td>2016程序员考试</td>
                    <td>06143097</td>
                    <td>反反复复&nbsp;</td>
                    <td>待考试</td>
                </tr>
                <tr class="error">
                    <td>算法考试</td>
                    <td>06143097</td>
                    <td>卓小月</td>
                    <td>待考试</td>
                </tr>
                <tr class="warning">
                    <td>数据库考试</td>
                    <td>06143097</td>
                    <td>卓小月</td>
                    <td><span style="background-color: rgb(250, 242, 204);">待考试</span></td>
                </tr>
                <tr class="info">
                    <td>计算机基础考试</td>
                    <td>06143097</td>
                    <td>卓小月</td>
                    <td>待考试</td>
                </tr>
                <tr>
                    <td>2016软师考试</td>
                    <td>06143097</td>
                    <td>卓小越</td>
                    <td>待考试</td>
                </tr>
                <tr class="success">
                    <td>2016程序员考试</td>
                    <td>06143097</td>
                    <td>反反复复&nbsp;</td>
                    <td>待考试</td>
                </tr>
                <tr class="error">
                    <td>算法考试</td>
                    <td>06143097</td>
                    <td>卓小月</td>
                    <td>待考试</td>
                </tr>
                <tr class="warning">
                    <td>数据库考试</td>
                    <td>06143097</td>
                    <td>卓小月</td>
                    <td><span style="background-color: rgb(250, 242, 204);">待考试</span></td>
                </tr>
                <tr class="info">
                    <td>计算机基础考试</td>
                    <td>06143097</td>
                    <td>卓小月</td>
                    <td>待考试</td>
                </tr>
                <tr>
                    <td>2016软师考试</td>
                    <td>06143097</td>
                    <td>卓小越</td>
                    <td>待考试</td>
                </tr>
                <tr class="success">
                    <td>2016程序员考试</td>
                    <td>06143097</td>
                    <td>反反复复&nbsp;</td>
                    <td>待考试</td>
                </tr>
                <tr class="error">
                    <td>算法考试</td>
                    <td>06143097</td>
                    <td>卓小月</td>
                    <td>待考试</td>
                </tr>
                <tr class="warning">
                    <td>数据库考试</td>
                    <td>06143097</td>
                    <td>卓小月</td>
                    <td><span style="background-color: rgb(250, 242, 204);">待考试</span></td>
                </tr>
                <tr class="info">
                    <td>计算机基础考试</td>
                    <td>06143097</td>
                    <td>卓小月</td>
                    <td>待考试</td>
                </tr>
            </tbody>
        </table>
        <nav class="block">
            <ul class="pagination" id="pagination">
                <li><a href="#">&laquo;</a></li>
                <li><a href="#">1</a></li>
                <li><a href="#">2</a></li>
                <li><a href="#">3</a></li>
                <li><a href="#">4</a></li>
                <li><a href="#">5</a></li>
                <li><a href="#">&raquo;</a></li>
            </ul>
        </nav>
    </div>
</main>

    <footer>
    	<strong class="m-l-20">Copyright © 2016 <a href="http://thoughtcoding.csxupt.com">新卓越计算机教育</a>.</strong> All rights reserved.
    </footer>
<!-- right area end -->
</div>
<script type="text/javascript"src = "js/jquery.min.js"></script>
<script type="text/javascript" src = "js/bootstrap.min.css"></script>
<script type="text/javascript" src = "js/common.js"></script>
<script type="text/javascript" src = "js/user-manage.js"></script>
</body>
</html>